<adp-menu>
    <ion-content (ionScroll)="onScroll($event)">
        <div ion-fixed class="menu-header">
            <img [src]="avatorUrl" onerror="onerror=null;src='./assets/images/common/icon_headportrait_default.png'"
                 alt="">
            <div class="name">{{nickName}}</div>
            <div class="icon-wrapper" *ngIf="showDown">
                <i class="icon-down"></i>
            </div>
        </div>
        <ul>
            <li *ngFor="let page of pages; index as index" [class.selected]="isActive(page)"
                (click)="pageTo(page, index)">
                <span>{{page.title}}</span>
                <i [class]="page.icon"></i>
            </li>
        </ul>
        <div ion-fixed class="menu-footer" >
            <div class="icon-wrapper" *ngIf="showUp">
                <i class="icon-up"></i>
            </div>
            <div class="depart" (click)="logout()">
                <span>退出</span>
                <i class="exit"></i>
            </div>
        </div>
    </ion-content>
</adp-menu>

<ion-nav #mycontent [root]="rootPage"></ion-nav>

<div class="captcha-modal" style="padding-bottom: 60px;" hidden #captchaModal>
    <div class="no-captcha">
        <div class="title">请进行人机验证</div>
        <div id="captcha"></div>
    </div>
    <ion-backdrop></ion-backdrop>
</div>


<div class="version-modal" hidden #versionModal>
    <div class="version-container">
        <h2 class="title">发现新版本</h2>
        <div class="message">{{versionNum}}</div>
        <div class="btns">
            <div class="alert-button" *ngIf="platformType=='ANDROID'" (click)="updateApp()">立即更新</div>
            <div class="alert-button" *ngIf="platformType=='IOS'" (click)="updateApp()">立即更新</div>
            <div class="no-update-button" *ngIf="!isRequiredUpdate" (click)="cancelUpdate()">暂不更新</div>
        </div>
    </div>
    <ion-backdrop></ion-backdrop>
</div>

<div class="network-modal" hidden #networkModal>
    <div class="network-container">
        <div class="top-empty">
            <div class="close-btn" (click)="hideNetWorkError()"></div>
        </div>
        <div class="error-image"></div>
        <h2 class="title">当前网络环境异常</h2>
        <div class="description">请稍后重试</div>
        <div class="alert-button" (click)="hideNetWorkError()">我知道了</div>
    </div>
</div>

